使用 Fireworks

将 HTML 复制到剪贴板

导出 Fireworks 生成的 HTML 的一种快速方法是将它复制到剪贴板。

可以使用两种方法之一在 Fireworks 中复制 HTML 代码。可以使用“复制 HTML 代码”命令,也可以在“导出”对话框中选择“复制到剪贴板”选项。这样做可以将 Fireworks HTML 复制到剪贴板并在指定的位置生成相关的图像文件。稍后可以在首选的 HTML 编辑器中将该 HTML 粘贴到文档中。

尽管复制到剪贴板是将 Fireworks HTML 导出到其它应用程序的快速方法,但并不是在每种情况下都适用。将 HTML 复制到剪贴板有下列缺点:

• 无法选择将图像保存到子文件夹中。图像必须与粘贴了复制的 HTML 代码的 HTML 文件放在同一文件夹中。复制到 Dreamweaver 的 HTML 除外。

• Fireworks 弹出菜单中使用的任何链接或路径都将映射到硬盘中。复制到 Dreamweaver 的 HTML 除外。

• 如果使用的 HTML 编辑器不是 Dreamweaver 或 Microsoft FrontPage,则与按钮、行为和变换图像相关联的 JavaScript 代码将被复制但可能无法正常工作。

如果这些会带来问题,则使用“导出 HTML”选项而不是将 HTML 复制到剪贴板。

注:在复制 HTML 代码之前,请确保已选择了适当的 HTML 样式并从“HTML 设置”对话框的“常规”选项卡中选中“包含 HTML 注释”。有关详细信息,请参阅设置 HTML 导出选项

使用“复制 HTML 代码”选项复制 Fireworks HTML:

1. 执行下列操作之一:

• 选择“编辑”>“复制 HTML 代码”。

• 单击“快速导出”按钮并从弹出菜单中选择“复制 HTML 代码”。

2. 按照向导的引领完成设置以导出 HTML 和图像。得到提示时,请为导出的图像指定所需的目标文件夹。该文件夹必须是 HTML 文件将要驻留的位置。

注:如果计划将 HTML 代码粘贴到 Dreamweaver,则无论将图像导出到哪儿,只要它们和将要粘贴代码的 HTML 文件属于同一个 Dreamweaver 站点即可。

向导将图像导出到指定的目标并将 HTML 代码复制到剪贴板。

使用“导出”对话框复制 Fireworks HTML:

1. 选择“文件”>“导出”。

注:或者,如果导出到 Dreamweaver,则单击“快速导出”按钮并从“Dreamweaver”子菜单中选择“将 HTML 复制到剪贴板”。

2. 在“导出”对话框中,为导出的图像指定一个目标文件夹。该文件夹必须是 HTML 文件将要驻留的同一位置。

注:如果计划将 HTML 代码粘贴到 Dreamweaver,则无论将图像导出到哪儿,只要它们和将要粘贴代码的 HTML 文件属于同一个 Dreamweaver 站点即可。

3. 从“导出”弹出菜单中选择“HTML 和图像”。

4. 从“HTML”弹出菜单中选择“复制到剪贴板”。

5. 如果文档中包含切片,则从“切片”弹出菜单中选择“导出切片”。

6. 单击“选项”按钮,从“HTML 设置”对话框中选择所需的 HTML 编辑器并单击“确定”。

7. 单击“导出”对话框中的“导出”。

将从 Fireworks 复制的 HTML 粘贴到 HTML 文档:

1. 在 HTML 编辑器中,打开现有的 HTML 文档或创建新文档。将文档保存在图像导出到的相同位置。

注:如果使用 Dreamweaver,则没有必要将 HTML 文件与导出的图像保存在同一位置。只要是将图像从 Fireworks 导出到 Dreamweaver 站点并将 HTML 文件保存在该站点内的某个位置,Dreamweaver 就会自动解析相关图像的路径。

2. 查看 HTML 代码,并将插入点放到 <BODY> 标签之间的所需位置。

注:从 Fireworks 复制的 HTML 代码不包括开始或结束 <HTML><BODY> 标签。

3. 粘贴 HTML 代码。有关从剪贴板粘贴内容的说明,请参阅特定的 HTML 编辑器内的帮助系统。

在将代码粘贴到 HTML 编辑器中时,使图像和 HTML 文件保持在正确的位置十分重要,否则链接可能会断开。如有可能,当复制到剪贴板时,请确保将图像导出到最终位置,即它们将在网站上驻留的位置。Fireworks 使用与文档相关的 URL,因此,如果 HTML 或图像被移动,URL 链接就会断开。